<template>
  <div id="app">
    <fade-animate>
      <router-view/>
    </fade-animate>
  </div>
</template>
<script>
import FadeAnimate from './components/animate/FadeAnimate'
document.addEventListener('DOMContentLoaded', () => {
  const html = document.querySelector('html')
  let fontSize = window.innerWidth / 10
  fontSize = fontSize > 50 ? 50 : fontSize
  html.style.fontSize = fontSize + 'px'
})
export default {
  components: {
    FadeAnimate
  }
}
</script>
<style lang="scss">
#app {
  width: 100%;
  height: 100%;
}
</style>
